<?php header("Content-Type: text/css");
?>

<?php $styles = array();
?>
<?php foreach ($_GET as $skey => $sval) : ?>
	<?php $styles[$skey] = urldecode($sval);
?>
<?php endforeach;
?>

<?php if (!empty($styles['wrapperid'])) : ?>
ul.slideshow {
list-style:none !important;
}

ul.slideshow span {
display:none;
}

#<?php echo $styles['wrapperid']; ?> {
position:relative;
width:<?php echo ($styles['width'] != "auto") ? ((int) $styles['width']) . 'px' : 'auto';?>;
background:<?php echo $styles['background'];?>;
padding:0 0 0 0;
border:<?php echo $styles['border'];?>;
margin:0;
display:none;
}

#<?php echo $styles['wrapperid']; ?> * {
margin:0;
padding:0;
}

#<?php echo $styles['wrapperid']; ?> #fullsize<?php echo $styles['wrapperrand']; ?> {
position:relative;
z-index:1;
overflow:hidden;
width:<?php echo ($styles['width'] != "auto") ? ((int) $styles['width']) . 'px' : 'auto';?>;
height:<?php echo ((int) $styles['height']); ?>px;
border: none;

}

#<?php echo $styles['wrapperid']; ?> #information<?php echo $styles['wrapperrand']; ?> {
text-align:left;
font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif !important;
position:absolute;
bottom:0;
width:<?php echo ($styles['width'] != "auto") ? ((int) $styles['width']) . 'px' : '100%';?>;
height:0;
background:<?php echo $styles['infobackground'];?>;
color:<?php echo $styles['infocolor'];?>;
overflow:hidden;
z-index:200;
opacity:.7;
filter:alpha(opacity=70);
}

#<?php echo $styles['wrapperid']; ?> #information<?php echo $styles['wrapperrand']; ?> h3 {
color:<?php echo $styles['infocolor'];?>;
padding:4px 8px 3px;
margin:0 !important;
font-size:16px;
font-weight:bold;
}

#<?php echo $styles['wrapperid']; ?> #information<?php echo $styles['wrapperrand']; ?> p {
color:<?php echo $styles['infocolor'];?>;
padding:0 8px 8px;
margin:0 !important;
font-size: 14px;
font-weight:normal;
}

#<?php echo $styles['wrapperid']; ?> #image<?php echo $styles['wrapperrand']; ?> {
width:<?php echo ($styles['width'] != "auto") ? ((int) $styles['width'] - 4) . 'px' : 'auto';?>;
no-repeat;
}

#<?php echo $styles['wrapperid']; ?> #image<?php echo $styles['wrapperrand']; ?> img {
position:absolute;
left:0;
border:none;
height:auto;
}

#<?php echo $styles['wrapperid']; ?> .imgnav {
position:absolute;
width: 100px;
height:<?php echo ((int) $styles['height'] + 8); ?>px;
cursor:pointer;
z-index:150;
}

#<?php echo $styles['wrapperid']; ?> #imgprev<?php echo $styles['wrapperrand']; ?> {
left:0;
background:url('../images/left.png') 10px center no-repeat;
}

#<?php echo $styles['wrapperid']; ?> #imgnext<?php echo $styles['wrapperrand']; ?> {
right:0;
background:url('../images/right.png') right center no-repeat;
background-position: 65px center;
}

#<?php echo $styles['wrapperid']; ?> #imglink<?php echo $styles['wrapperrand']; ?> {
position:absolute;
zoom:1;
background-color:#ffffff;
height:<?php echo ((int) $styles['height'] + 8); ?>px;
width:50%;
left:25%;
right:20%;
z-index:999;
opacity:0;
filter:alpha(opacity=0);
}

#<?php echo $styles['wrapperid']; ?> .linkhover {
display: none;
background:transparent url('../images/link.gif') center center no-repeat !important;
text-indent:-9999px;
opacity:.4 !important;
filter:alpha(opacity=40) !important;
}

#<?php echo $styles['wrapperid']; ?> #thumbnails<?php echo $styles['wrapperrand']; ?> {
background: <?php echo ($styles['background']) ? $styles['background'] : 'inherit'; ?>;
position: absolute;
margin: 0;
padding: 10px;
width: 580px;
height: auto;
bottom: 0;
left: 0;
z-index: 9999;
}

#<?php echo $styles['wrapperid']; ?> .thumbstop {
margin-bottom:8px !important;
}

#<?php echo $styles['wrapperid']; ?> .thumbsbot {
margin-top:8px !important;
}

#<?php echo $styles['wrapperid']; ?> #slideright<?php echo $styles['wrapperrand']; ?>,
#<?php echo $styles['wrapperid']; ?> #slideleft<?php echo $styles['wrapperrand']; ?> {
position: relative;
display: block;
float:left;
width: 22px;
height: 22px;
background: url('../images/scroll-left.png') left top no-repeat;
background-color: transparent;
opacity:0.3;
filter:alpha(opacity=30);
}

#<?php echo $styles['wrapperid']; ?> #slideright<?php echo $styles['wrapperrand']; ?> {
float:right;
width:20px;
background: url('../images/scroll-right.png') left top no-repeat;
}

#<?php echo $styles['wrapperid']; ?> #slideright<?php echo $styles['wrapperrand']; ?>:hover,
#<?php echo $styles['wrapperid']; ?> #slideleft<?php echo $styles['wrapperrand']; ?>:hover {
/*background-position: -22px top;*/
opacity:1;
filter:alpha(opacity=100);
}

#<?php echo $styles['wrapperid']; ?> #slidearea<?php echo $styles['wrapperrand']; ?> {
position: relative;
margin: 0 10px;
padding: 0;
width: <?php echo ($styles['width'] != "auto") ? ((int) $styles['width'] - 84) . 'px' : 'auto';?>;
height: 20px;
float: left;
background: <?php echo ($styles['background']) ? $styles['background'] : 'inherit'; ?>;
overflow: hidden;
text-aling: center;
}

#<?php echo $styles['wrapperid']; ?> #slider<?php echo $styles['wrapperrand']; ?> {
position:absolute;
left:0;
height: <?php echo ((int) $styles['thumbheight'] + 6); ?>px;
}

#<?php echo $styles['wrapperid']; ?> #slider<?php echo $styles['wrapperrand']; ?> img {
cursor:pointer;
border:1px solid #666;
padding:2px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
float:left !important;
}

#<?php echo $styles['wrapperid']; ?> #spinner<?php echo $styles['wrapperrand']; ?> {
position:relative;
top:50%;
left:45%;
text-align:left;
}	

#<?php echo $styles['wrapperid']; ?> #spinner<?php echo $styles['wrapperrand']; ?> img {
border:none;
}
<?php endif; ?>